<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>国际语言转化工具</title>
</head>
<body>
<div class="content-box">
    <h4>欢迎使用转换语言properties文件工具,注意文件上传大小不能超过3MB</h4>
    <hr>
    <br>
    <form name="formname" action="/file/source"  method="post" enctype ="multipart/form-data" class="upFileForm">
        <div style="margin-bottom: 20px;">
            <label class="control-label hidden-xs">源语言:</label>
            <select name="from" style="margin-right: 30px;">
                <option th:each="enmu : ${T(com.lanproperiesinternal.enums.LanguageEnum).values()}"
                        th:value="${enmu.getCode()}"
                        th:text="${enmu.getName()}"
                        th:selected="${enmu.getCode() == 'zh'}">
                </option>
            </select>
            <label class="control-label hidden-xs">目标语言:</label>
            <select name="to">
                <option th:each="enmu : ${T(com.lanproperiesinternal.enums.LanguageEnum).values()}"

                        th:value="${enmu.getCode()}"

                        th:text="${enmu.getName()}"
                        th:selected="${enmu.getCode() == 'en'}">
                </option>
            </select>
        </div>
        <input type="file" name="multipartFile">
        <input type="submit" value="转换">
        </form>
</div>

</body>
<style>
    .upFileForm{
        margin-left: 50px;
    }
    .content-box {
        width: 550px;
        height: 500px;
        position: absolute;
        left: 0;
        right: 0;
        top: 20%;
        margin: auto;
    }
</style>
</html>